<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
	*{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#box{
		width:960px;
		height:400px;
		margin:auto;
		position:relative;
		/*overflow:hidden;*/
	}
	#box ul{
		width:7690px;
		height:400px;
		position:absolute; 
		left:0; 
		top:0;
		
	}
	li{
		width:960px;
		height:400px;
		float:left;
	}
	img{
		width:960px;
		height:400px;
	}
  </style>
  <script>
	
	window.onload=function ()
{
	var oDiv=document.getElementById('box');
	var oUl=oDiv.getElementsByTagName('ul')[0];
	var aLi=oUl.getElementsByTagName('li');
	
	oUl.innerHTML+=oUl.innerHTML;
	
	
	setInterval(function (){
		if(oUl.offsetLeft<-oUl.offsetWidth/2){
			oUl.style.left='0';
		}else{
			oUl.style.left=oUl.offsetLeft-2+'px';
		}
	}, 10);
};
  </script> 
 </HEAD>

 <BODY>
  <div id="box">
	<ul>
		<li><img src="images/1.jpg"></li>
		<li><img src="images/2.jpg"></li>
		<li><img src="images/3.jpg"></li>
		<li><img src="images/4.jpg"></li>
	</ul>
  </div>
 </BODY>
</HTML>
